body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
a,a:hover{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
body{max-width:1000px;margin:0 auto;background:#efefef;position:relative;font-family:\9ED1\4F53;}
img{width:100%;display:block;}
.fl{float:left;}
.fr{float:right;}

/* index */
.nav{height:74px;line-height:74px;text-align:center;font-size:30px;background:#fff;border-bottom:1px solid #bdbdbd;box-shadow:0 1px 2px rgba(0,0,0,0.2);display:-webkit-box;display:box;}
.nav a{-webkit-box-flex:1;box-flex:1;display:block;color:#000;}
.nav a:before{display:inline-block;vertical-align:middle;margin:-3px 6px 0 0;}
.nav a:nth-child(1):before{width:22px;height:21px;background-position:0 0;}
.nav a:nth-child(2):before{width:17px;height:21px;background-position:-24px 0;}
.nav a.nav-in{color:#d93637;border-bottom:3px solid #d93637;}
.nav a.nav-in:before{background-position-y:-23px;}

.nav a:before,.list-info:after{content:'';background:url(../images/icon.png) no-repeat;}

.list{padding:0.5% 1% 20px;font-size:20px;overflow:hidden;display:none;}
.list li{width:49%;float:left;margin:1% 0.5% 0;}
.list .list-info{height:61px;background:#2a2a2a;color:#8a8a8a;padding:11px 10px 0;position:relative;}
.list .list-info .list-name{color:#fff;font-size:24px;}
.list .list-info:after{width:47px;height:47px;background-position:-43px 0;position:absolute;right:12px;top:12px;}
/* detail*/
.header{position:relative;overflow:hidden;}
.header .head-img{display:-webkit-box;display:box;background:#2a2a2a;font-size:30px;position:relative;}
.header .head-img li{width:100%;line-height:383px;text-align:center;color:#fff;}
.head-nav{width:100%;text-align:center;position:absolute;bottom:15px;left:0px;font-size:18px;}
.head-nav span{width:12px;height:12px;display:inline-block;vertical-align:middle;margin:0 5px;text-indent:-999em;background:#d4d4d4;border-radius:50%;overflow:hidden;}
.head-nav span.swiper-pagination-bullet-active{width:8px;height:8px;background:#e76363;border:2px solid #d4d4d4;}

.product .pro-title{height:94px;background:#fff;color:#727272;border-bottom:1px solid #dfdfdf;padding:0 23px;font-size:20px;}
.product .pro-title .pro-name{font-size:24px;color:#000;padding:19px 0 5px;}
.product .pro-title .pro-need{color:#eb4c4c;padding:24px 0 3px;}
.product .detail{height:86px;line-height:86px;background:#fff;color:#000;font-size:24px;padding:0 27px 0 21px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;margin-top:8px;display:block;}
.product .detail:before{width:52px;height:52px;content:url(../images/detail.png);border-radius:50%;margin-right:10px;display:inline-block;vertical-align:middle;overflow:hidden;}
.product .detail:after{content:'>';color:#ccc;font-weight:bold;font-size:40px;float:right;}

.notice{line-height:30px;font-size:20px;padding:20px 30px 110px 20px;}
.notice .not-title{font-size:24px;}
.notice ul li{color:#727272;position:relative;padding-left:20px;}
.notice ul li:before{content:'';width:6px;height:6px;background:#eb4c4c;border-radius:50%;position:absolute;left:0;top:10px;}

.footer{width:100%;display:-webkit-box;display:box;text-align:center;line-height:89px;background:#000;font-size:28px;position:fixed;bottom:0;left:0;}
.footer .available,.footer .exchange{-webkit-box-flex:1;box-flex:1;display:block;color:#fff;}
.footer .exchange{background:#ff8000;}

.pop{width:507px;background:#fff;border-radius:10px;font-size:30px;color:#5f5f5f;text-align:center;display:none;}
.pop .pop-desc{padding:100px 50px;}
.pop .pop-submit{padding:17px 6%;border-top:1px solid #d3d3d3;overflow:hidden;}
.pop .pop-submit a{width:205px;height:66px;color:#d93637;border:2px solid #d93637;line-height:66px;border-radius:66px;}

@media screen and (min-width: 1000px) {
    .footer{width:1000px;left:50%;margin-left:-500px;}
}